@charset "utf-8";

/*首页焦点图*/

#slider {width:100%;	margin:0px auto;}

.controls li {
	top: 50%;
	margin-top: -30px
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}

.pagination li {background-color: #ddd;}

.pagination li.active {background-color: #000;}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: auto;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/*资质荣誉*/
.zizhi{ width:650px;}
.zizhi dl{float: left;
    width: 102%;  }
.zizhi dl dd {float:left; line-height:35px; width:43.6%; margin-right:2%;margin-top:15px; display: inline;text-indent: 40px; background: url(../images/zizhi_ico.png) no-repeat 15px 15px;border: #ddd 1px solid; background-color: #f6f6f6; padding:2%;}
.zizhi dl dd a{color:#333333}

/* 新闻中心 */
.warp{ width:1200px; margin:0px auto; overflow: hidden;}
.news{ float:right;width:510px;}
.zizhi h2,.news h2,.h_pro h2,.business h2,.hezuo h2{color: #2f318b; font-size:18px; font-weight:700; border-bottom: #ddd 1px solid; padding-bottom:5px; margin-bottom:10px;}
.zizhi h2 a,.news h2 a,.h_pro h2 a,.hezuo h2 a{ float:right;}
.news_box{position: relative;float: left; width:440px;}
/*切换菜单*/
.news_menu{width:280px; float:right; margin-right: 10px; height:35px;z-index: 99;}
.news_menu ul li{float: left;padding: 0 10px;font-size: 14px;line-height:35px;color: #666;cursor: pointer;}
.news_menu ul li.active{color:#e60012;padding: 0 20px 0 20px;	margin: 0 10px 0 0;	color: #e60012;background: url(../images/ico_news_title.png) no-repeat right center;}
.one_news{display: none;}
.news_li{ float:left; width:510px;}
.news_li li {margin-top:16px;overflow: hidden;}
.news_li li a{cursor: pointer;}
.news_li li .news_li_time {border-right: 1px solid #e2e2e2;float: left;font-family: Arial;    font-weight: bold;    margin-right:10px;    padding: 0 10px 0 0;}
.news_li li .news_li_time ._ri {color: #b9b9b9; display: block;font-size: 28px;    line-height: 22px;    text-align: center;}
.news_li li .news_li_time .news_li_year {color: #a0a0a0; display: block;  line-height: 22px; font-weight: normal;}
.news_li li ._intro {float: left; width:435px;font-size: 14px;}
.news_li li ._intro ._title {overflow: hidden; width:435px;vertical-align:middle; display: table}


/*右侧报纸*/
.right1 {float: right;width:360px;}
.right1_a {    background-color: #e5e5e5;    color: #666;    float: left;    font-size: 16px;    height: 128px;    line-height: 30px;    padding: 22px 0 0 12px;    width:168px;}
.right1_a span {    color: #333;    font-size: 24px; font-weight: 700;}
.right1_b {background-color: #d5d5d5;color: #666; float: left; font-size: 16px; height: 130px; line-height: 30px;padding-right: 14px;padding-top: 20px; text-align: right;width: 166px;}
.right1_b span {   color: #333;    font-size: 24px; font-weight: 700;}
.right1_c {  background: rgba(0, 0, 0, 0) url("../images/jtbg1.jpg") no-repeat scroll 0 0;    float: left;    height: 150px;    width:180px;	position: relative;}
.right1_c a {    color: #fff;    display: block;    font-size: 16px;    line-height: 45px;    padding-left:45px;	position: absolute;bottom:0;left:0;z-index:1;width:135px;background: rgba(0,0,0,0.6);}
.right1_c a:hover {    color: #fff;}
.right1_c a i{ background:url(../images/ico_ebook1.png) no-repeat; width: 25px; height: 25px; position: absolute; left: 10px;top:10px;}
.right1_d {background: rgba(0, 0, 0, 0) url("../images/jtbg2.jpg") no-repeat scroll 0 0; float: left;    height: 150px;    width:180px;	position: relative;}
.right1_d a { color: #fff;    display: block;    font-size: 16px;    line-height: 45px;padding-left: 45px;	position: absolute;bottom:0;left:0;z-index:1;width:135px;background: rgba(0,0,0,0.6);}
.right1_d a:hover {    color: #fff;}
.right1_d a i{ background:url(../images/ico_video1.png) no-repeat; width: 25px; height: 25px; position: absolute; left: 10px;top:10px;}
.right1_e {background-color: #e5e5e5;color: #666;float: left;font-size: 16px;height:80px;line-height: 30px;    padding-left: 15px;padding-top: 20px;text-align:left; width:345px;}
.right1_e span {    color: #333;    font-size: 24px; font-weight: 700;}
.right1_e a{color:#666}



/*企业产品*/
.home_pro{width:1200px; margin:0px auto 0 auto;}
.home_pro ul{width:102%; float: left;}
.home_pro ul li{width:23%; height: 223px; float: left; margin-bottom:1%;margin-top:1%; margin-right:2%; overflow: hidden;position: relative;top: 0;transition: all 0.2s ease-in 0s;}
.home_pro ul li p{ position:relative; z-index: 2000; color: #fff;  text-align: center; font-size: 14px;}
.home_pro_bg1{ width:100%; height:35px; padding-top: 25px; background: url(../images/home_pro_bg1.png) no-repeat;margin-top: -15px;}
.home_pro_bg2{ width:100%; height:45px; padding-top: 15px; background: url(../images/home_pro_bg2.png) no-repeat;margin-bottom: -15px;}
.h_pro,.hezuo{padding:0; position: relative; width: 1200px; margin: 0 auto;}
.business p,.hezuo p{color: #666;font-size:12px; font-style: normal;font-weight:400; line-height: 28px;}
.home_pro ul li img{ width:100%; height: 180px;transition: all 0.8s ease 0s;}
.home_pro ul li:hover{
    box-shadow: 0 0 15px 5px #d9d9d9;
    top: -8px;
}

.h_pro_li:hover img {transform: scale(1.1);}
.h_pro-title {font-size: 16px;
    font-weight: bold;
    line-height:40px;width:280px; float: left; text-align: center;position:absolute;
	top:180px;
	left:0;
	-webkit-transition:.3s;
	transition:.3s;}
.h_pro-title a {color: #666}
.h_pro-title em{color: #919ca5;
    font-size: 14px;
    margin-bottom:10px;
    overflow: hidden;
    padding: 0 10px; float: left; width: 260px; line-height: 20px;}
.h_pro-title em i{ background: #f6f6f6; display: block; float: left; font-size: 12px; padding: 2px 10px; font-style: normal; font-weight: 400}

.pro_li_btn {
    height: 75px;
    position: absolute;
    right: -285px;
    top: 185px;
    transition: all 0.3s ease 0s;
    width: 285px;
}
.pro_li_btn a {
    border: 1px solid #2f3574;
    color: #2f3574;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin: 20px auto 0;
    text-align: center;
    width: 188px;
}
.pro_li_btn a:hover {
    background: #2f3574 none repeat scroll 0 0;
    color: #fff;
}
.h_pro_li:hover .pro_li_btn {
	right:0px;
}
.h_pro_li:hover .h_pro-title {
	left:-285px;
}
.pro_more{margin: 0 auto;
    overflow: hidden;
    width: 100%;}
.pro_more a{

background: #fff none repeat scroll 0 0;
    border: 1px solid #2f318b;
    border-radius: 5px;
    color: #2f318b;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 48px;
    margin: 25px auto 0;
    text-align: center;
    width: 218px;
}
.pro_more a:hover {
    background: #2f318b none repeat scroll 0 0;
    border: 1px solid #2f318b;
    color: #fff;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
	.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInLeft {
	0% {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInRight {
	0% {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
	0% {
	opacity:0;
	-webkit-transform:translate3d(2000px,0,0);
	transform:translate3d(2000px,0,0)
}
100% {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
.swiper-container { float:left; width:1200px;	position:relative;	overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{width:102%;height:100%; float: left;}
.swiper-button-next,.swiper-button-prev {	position:absolute;	top:340px;	width:45px;	height:45px;z-index:10;cursor:pointer;	background-repeat:no-repeat}
.swiper-button-next{ background:url(../images/next1.png)}
.swiper-button-prev{ background:url(../images/prev1.png)}



/*旗下企业*/
.business,.company2{width:1200px; margin: 0 auto;overflow: hidden}
.business .two,.business .three,.business .four,.business .five{float: left;overflow: hidden; background: #fff}
.business .two{width:600px;height:255px; margin-bottom: 15px;overflow: hidden; display: inline; }
.business .two img{ width:600px; height: 220px;}
.business .three,.business .four,.business .five{width:285px;height:255px;}
.business .three img,.business .five img{ width:285px; height:220px; }
.business .three{float: right; margin-left: 15px;}
.business .four{width:300px;}
.business .four img{width:300px; height: 220px;}
.business .five{margin-left: 15px; margin-bottom: 15px; }

.company2 ul{width:102%;}
.company2 li{float:left; width:20%; margin-right: 0%; text-align: center; margin-bottom: 20px; margin-top:20px; display: inline;position: relative;top: 0;transition: all 0.2s ease-in 0s;}
.company2 li img{width:85%;transition: all 0.8s ease 0s;}
.company2 li:hover{
    top: -8px;
}



/*鼠标hover 菜单滑出*/
.link_box {width: 100%;height: 100%;position: relative;cursor: pointer;}
/*初始底部链接*/
.two .link,.three .link,.five .link{bottom:0px;}
.link {width: 100%;height:35px;text-align: center;font-size: 14px;line-height:35px;color:#333;}
/*大的滑出区块*/
.link2 {width: 100%;height: 100%;position: absolute;top: 110%;left: 0;background: url(../images/link_bg.png) repeat;text-align: center;}
.link2 h2 {width: 100%;padding:80px 0 0 0;font-size:17px; border: none; color: white;font-weight:100;}
.link2 p {width:96%; text-align: left; font-size: 12px;line-height: 24px; margin:1% 2%; color: white;}
.link2 a {display: block;width:150px; border: #fff 1px solid;line-height:40px;margin: 0 auto;color:#fff;}
.link2 a:hover{ background:#fff; color: #666}

/*合作伙伴*/
.hezuo{ overflow:hidden; margin: 0px auto; width: 1200px; }

.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { font: bold 16px/40px "微软雅黑"; color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { float: left; margin-top: 30px; width: 100%}
.mr_frBtnL { float: left; margin:15px 35px 0px 0px; cursor: pointer; display: inline; }
.mr_frUl { float: left;width: 1065px; }
.mr_frBtnR { float: right; margin-top:15px; cursor: pointer; }
.mr_frUl ul li { display: inline; float: left; height: 74px; width:75px; margin-right: 13px; overflow: hidden; }
.mr_frUl ul li img { display: block;height:74px; width:75px; }